﻿<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="lib/css/bootstrap.common.min.css" />
    <link rel="stylesheet" type="text/css" href="css/base.css" />
    <link rel="stylesheet" type="text/css" href="css/subpage.css" />
    <title></title>
</head>
<body class="container bgcl-lightGray">

    <header class="row header usrpage-header" id="header">
        <a class="pull-left header-btn" href="index.html"><span class="icon2 icon2-back"><span class="sr-only">返回</span></span></a>
        <h1>类目导航</h1>
    </header>

    <div class="row main">
        <ul class="category-lists">
            <!--一个类别-->
            <li>
                <header data-toggle="collapse" data-target="#art1_cont" data-parent="">
                    <a>家具日用</a>
                    <span class="icon3 icon3-cup"></span>
                    <span class="icon4 icon4-up"></span>
                </header>
                <ul id="art1_cont" class="list-cont collapse in">
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                </ul>
            </li>
            <!--一个类别-->
            <li>
                <header data-toggle="collapse" data-target="#art2_cont" data-parent="">
                    <a>家居饰品</a>
                    <span class="icon3 icon3-flower"></span>
                    <span class="icon4 icon4-down"></span>
                </header>
                <ul id="art2_cont" class="list-cont collapse">
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                </ul>
            </li>
            <!--一个类别-->
            <li>
                <header data-toggle="collapse" data-target="#art2_cont" data-parent="">
                    <a>家纺精品</a>
                    <span class="icon3 icon3-sofa"></span>
                    <span class="icon4 icon4-down"></span>
                </header>
                <ul id="art2_cont" class="list-cont collapse">
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                </ul>
            </li>
            <!--一个类别-->
            <li>
                <header data-toggle="collapse" data-target="#art3_cont" data-parent="">
                    <a>家具电器</a>
                    <span class="icon3 icon3-plug"></span>
                    <span class="icon4 icon4-down"></span>
                </header>
                <ul id="art3_cont" class="list-cont collapse">
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                </ul>
            </li>
            <!--一个类别-->
            <li>
                <header data-toggle="collapse" data-target="#art4_cont" data-parent="">
                    <a>烹饪用具</a>
                    <span class="icon3 icon3-cutlery"></span>
                    <span class="icon4 icon4-down"></span>
                </header>
                <ul id="art4_cont" class="list-cont collapse">
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                </ul>
            </li>
            <!--一个类别-->
            <li>
                <header data-toggle="collapse" data-target="#art5_cont" data-parent="">
                    <a>卫浴用品</a>
                    <span class="icon3 icon3-batroom"></span>
                    <span class="icon4 icon4-down"></span>
                </header>
                <ul id="art5_cont" class="list-cont collapse">
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                </ul>
            </li>
            <!--一个类别-->
            <li>
                <header data-toggle="collapse" data-target="#art6_cont" data-parent="">
                    <a>灯饰照明</a>
                    <span class="icon3 icon3-bulb"></span>
                    <span class="icon4 icon4-down"></span>
                </header>
                <ul id="art6_cont" class="list-cont collapse">
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                </ul>
            </li>
            <!--一个类别-->
            <li>
                <header data-toggle="collapse" data-target="#art7_cont" data-parent="">
                    <a>创意家具</a>
                    <span class="icon3 icon3-hanger"></span>
                    <span class="icon4 icon4-down"></span>
                </header>
                <ul id="art7_cont" class="list-cont collapse">
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                    <li class="col-xs-4">相框</li>
                </ul>
            </li>

        </ul>
    </div>

    <script src="lib/js/zepto.min.js"></script>
    <script src="js/script_ui_ev.js"></script>

</body>
</html>
